import { Component, Vue, Prop, Watch } from 'vue-property-decorator';

@Component({
  components: {
  }
})
export default class ListItem extends Vue {
  @Prop({
    required: false,
    default: 'dom_map',
  }) domID!: any;
  listData = [{
    href: 'https://www.antdv.com/',
    title: `数据标题111`,
    description: '这是描述',
    content: '这是内容',
  }];
  pagination =  {
    onChange: (page: any) => {
      console.log(page);
    },
    pageSize: 5,
  };
  actions =  [
    { type: 'star-o', text: '156' },
    { type: 'like-o', text: '156' },
    { type: 'message', text: '2' },
  ];
  
  mounted() { 
    for (let i = 0; i < 10; i++) {
      this.listData.push({
        href: 'https://www.antdv.com/',
        title: `这是标题 ${i}`,
        description: '这是描述',
        content: '这是内容',
      });
    }
  }

  beforeDestroy() {
  }
}